<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../static/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../static/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../static/layui/css/layui.css">
    <script type="text/javascript" src="../static/layui/layui.js"></script>
    <script type="text/javascript" src="../static/js/jquery3.js"></script>
    <script type="text/javascript">
        // layui.use(['layer', 'form'], function(){
        //     var layer = layui.layer
        //         ,form = layui.form;
        // });
        var position=$("#zm").scrollLeft();
        var t;
        $(document).ready(function(){
            position=0;
            fun();
            $("#pk").click(function (){
                alert("尊敬的普卡用户您好!\n以下是属于您的专属权益:\n 1.可以注册3辆车\n 2.没想好...\n\n(温馨提示:当您在本商城花销超过1000元后将自动升级成金卡用户~~)")
            })
            $("#mr").click(function (){
                alert("尊敬的金卡用户您好!\n以下是属于您的专属权益:\n 1.可以注册5辆车\n 2.没想好...")
            })
            var text1 = document.getElementById('yhq1');
            var jian1 = document.getElementById('y1jian1');
            var add1 = document.getElementById('y1add1');
            add1.onclick = function numberadd(){
                text1.value++;
            }
            jian1.onclick = function clearnumber(){
                if (text1.value > 0) text1.value--;
            }

            var text2 = document.getElementById('yhq2');
            var jian2 = document.getElementById('y1jian2');
            var add2 = document.getElementById('y1add2');
            add2.onclick = function numberadd(){
                text2.value++;
            }
            jian2.onclick = function clearnumber(){
                if (text2.value > 0) text2.value--;
            }

            var text3 = document.getElementById('yhq3');
            var jian3 = document.getElementById('y1jian3');
            var add3 = document.getElementById('y1add3');
            add3.onclick = function numberadd(){
                text3.value++;
            }
            jian3.onclick = function clearnumber(){
                if (text3.value > 0) text3.value--;
            }
        });
        function fun(){
            if(position>500){
                position=0;
            }
            $("#zm").scrollLeft(position++);
            t=setTimeout("fun()",30);
        }
    </script>
    <style>
        #zm
        {
            width:300px;
            overflow:hidden;
            white-space:nowrap;
            background-color: white;
            font-weight: bold;
            color: red;
            border-radius: 15px;
            position: relative;right: 283px;top: 50px;
        }
        #mainView
        {
            background-color: #FAFAFA;
        }
        input::-webkit-input-placeholder {
            /* placeholder颜色 */
            color: #aab2bd;
            /* placeholder字体大小 */
            font-size: 8px;
        }
        textarea::-webkit-input-placeholder {
            /* placeholder颜色 */
            color: #aab2bd;
            /* placeholder字体大小 */
            font-size: 8px;
        }
        body
        {
            font-family: Microsoft JhengHei;
        }
        .align-self-center
        {
            height: 100px;
        }
        a
        {
            text-decoration: none; /* 去除默认的下划线 */
            outline: none;	/* 去除旧版浏览器的点击后的外虚线框 */
            color: #000;	/* 去除默认的颜色和点击后变化的颜色 */
        }
        a:hover
        {
            text-decoration: none; /* 去除默认的下划线 */
            outline: none;	/* 去除旧版浏览器的点击后的外虚线框 */
            color: #000;	/* 去除默认的颜色和点击后变化的颜色 */
        }

        #scjl
        {
            background: white;
            border-radius: 5px;
            border-color: #E5E6E6;
            height: 22px;
            border-width: 2px;
            position: relative;left: 195px;top: -35px;
        }
        .rc
        {
            background: #BEBECA;
            border-radius: 30px;
            border: none;
            box-shadow: none;
            height: 40px;
            width: 150px;
            position: relative;left: 155px;top: 250px;
            outline: none;
        }
        #jf,#btn_drjf,#btn_jfsc
        {
            background: indianred;
            border-radius: 30px;
            border: none;
            box-shadow: none;
            height: 40px;
            width: 150px;
            position: relative;top: 70px;left: 20px;
            outline: none;
        }
        #bt
        {
            text-shadow: 1px 1px 1px red;
            font-size: larger;
            box-shadow: 1px 1px 1px #ccc;
            width: 120px;
        }
        .everyCar
        {
            background-color: white;
            border-radius: 15px;
            padding: 15px;
            box-shadow: 1px 1px 1px #ccc;
            width: 300px;
            position: relative;left: 150px;top: 50px;
        }
        .jb
        {
            background: #E5E6E6;
            border-radius: 10px;
            height: 20px;
            border-width: 1px;
            outline: none;
            filter: opacity(60%);
            position: relative;left: 40px;
        }
        #cpgl,#clrc,#sfgz,#jfjl,#drjf,#jfsc
        {
            height: 500px;
            width: 600px;
            background-color: white;
            border-radius: 10px;
            position: relative;left: 145px;top: 50px;
            box-shadow: 1px 1px 1px #ccc;
        }
        .tjcl
        {
            background: #E5E6E6;
            border-radius: 10px;
            height: 20px;
            border-width: 1px;
            outline: none;
            filter: opacity(60%);
            position: relative;left: 40px;
        }
        .tjcl0
        {
            background: red;
            border-radius: 30px;
            height: 40px;
            width: 150px;
            border: none;
            outline: none;
            filter: opacity(60%);
            position: absolute;left: 220px;top: 230px;
        }
        #zjt
        {
            position: absolute;left: 50px;top: 193px;
        }
        #rjt
        {
            position: absolute;left: 540px;top: 193px;
        }
        .rcxx_label
        {
            font-weight: bold;
            letter-spacing: 2px;
        }
        .rcxx_xx
        {
            font-size: 7px;
            letter-spacing: 1px;
            position: relative;top: 4px;
        }
        #sfgz_nr
        {
            font-size: 7px;
            letter-spacing: 1px;
            position: relative;top: 100px;left: 140px;
        }
        #rcxx
        {
            position: relative;left: 220px;top: 100px;
        }
        #rcxx_total
        {
            position: relative;left: 20px;top: -20px;
            font-weight: bolder;
            font-size: 20px;
        }
        .one_jfjl
        {
            height: 115px;
            width: 300px;
            box-shadow: 1px 1px 1px #ccc;
            border-radius: 15px;
            position: relative;left: 150px;top: 50px;
            padding: 15px;
            background-color: #F8F9FA;
        }
        .one_yhq
        {
            height: 115px;
            width: 300px;
            box-shadow: 1px 1px 1px #ccc;
            border-radius: 15px;
            position: relative;left: 150px;top: 50px;
            padding: 15px;
            background-color: #F8F9FA;
        }
        #jfjl_one_nr
        {
            line-height: 12px;
            position: relative;bottom:20px;left: 10px;
        }
        .add_or_jian_button
        {
            border-radius: 50%;width: 30px;height: 30px;
            border: none;
            outline: none;
            background-color: #F8F9FA;
            filter: opacity(60%);
        }
        #jian_or_add1
        {
            position: relative;top: -297px;left: 350px;
        }
        #jian_or_add2
        {
            position: relative;top: -188px;left: 350px;
        }
        #jian_or_add3
        {
            position: relative;top: -80px;left: 350px;
        }
        #nav
        {
            position: relative;bottom: 820px;left: 770px;
        }
    </style>
</head>
<body>
<div class="layui-container" id="mainView">
    <div class="layui-row">
        <div class="layui-col-md3">
            <h1 id="bt">杭州西溪印象城</h1>
        </div>
        <div id="zm" class="row">
            尊敬的印象星会员，今日前的积分，将在明日0点清零，为避免损失，请尽快将积分使用完毕，特此公告!
        </div>
        <div class="layui-col-md3 layui-col-md-offset8">
            <ul class="layui-nav layui-anim layui-anim-scaleSpring" style="border-radius: 15px;background-color: white;box-shadow: 1px 1px 1px #ccc">
                <li class="layui-nav-item">
                    <div class="layui-col-md2" ><img src="https://pic2.zhimg.com/80/v2-21002db30f7d0a524dad1fc6379a7fd9_720w.webp" class="layui-nav-img"></div>
                    <div class="layui-col-md3 layui-col-md-offset2" ><span th:text="${show_login_telephone}" style="font-size: 1px;color: black">182****4608</span></div>
                    <div class="layui-col-md2 layui-col-md-offset3" >
                        <button th:if="${yxcUser.vip_state} == 0" class="layui-btn layui-btn-disabled layui-btn-radius layui-btn-xs"><p style="font-size: 3px;font-weight: bold">普卡</p></button>
                        <button th:if="${yxcUser.vip_state} == 1" class="layui-btn layui-btn-disabled layui-btn-radius layui-btn-xs"><p style="color: #FF5000;font-size: 3px;font-weight: bold">普卡</p></button>
                    </div>
                    <dl class="layui-nav-child">
                        <dd><div class="layui-row layui-col-md3 layui-col-md-offset2" style="color: black"><span th:text="${yxcUser.jifen}" style="color: red;font-size: 1px"></span><span style="font-size: 2px">积分</span><span th:text="'&nbsp' + ${yxcUser.yhq}" style="color: red;font-size: 1px"></span><span style="font-size: 2px">优惠券</span></div></dd>
                        <dd><div class="layui-row"><a th:href="@{to_yxc_user_update(login_telephone=${login_telephone})}">完善信息</a></div></dd>
                        <dd><div class="layui-row"><a th:href="@{to_yxc_login}">注销</a></div></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <div id="jfsc" th:if="${situation} == 5">
        <span style="font-weight: bolder;position: relative;left: 270px;top: 30px">积分商城</span>
        <form id="form_jfsc" action="check_jfsc" method="get">
            <input type="hidden" name="jifen" th:value="${yxcUser.jifen}">
            <input type="hidden" name="telephone" th:value="${login_telephone}">
            <input type="hidden" name="user_name" th:value="${yxcUser.user_name}">
            <div th:each="yhq,itemIndex : ${yhqList}">
                <div class="one_yhq">
                    <span th:text="${yhq.yhq_name}" style="font-size: 15px;font-weight: bold;position: relative;left: 80px"></span>
                    <hr>
                    <span style="font-size: 10px;font-weight: bold;position: relative;left: 80px">所需积分：</span><span th:text="${yhq.gm_jifen}" style="font-size: 5px;font-weight: bold;color: red;position: relative;left: 80px"></span>
                </div>
                <br>
            </div>
            <div id="jian_or_add1">
                <input type="button" id="y1jian1" class="add_or_jian_button" value="-">
                <input id="yhq1" name="yhq1" type="text" value="0" style="width: 30px;height: 20px;filter: opacity(60%);">
                <input type="button" id="y1add1" class="add_or_jian_button" value="+">
            </div>
            <div id="jian_or_add2">
                <input type="button" id="y1jian2" class="add_or_jian_button" value="-">
                <input id="yhq2" name="yhq2" type="text" value="0" style="width: 30px;height: 20px;filter: opacity(60%);">
                <input type="button" id="y1add2" class="add_or_jian_button" value="+">
            </div>
            <div id="jian_or_add3">
                <input type="button" id="y1jian3" class="add_or_jian_button" value="-">
                <input id="yhq3" name="yhq3" type="text" value="0" style="width: 30px;height: 20px;filter: opacity(60%);">
                <input type="button" id="y1add3" class="add_or_jian_button" value="+">
            </div>
            <button id="btn_jfsc" style="position: relative;left: 470px;top: -105px;width: 100px"><p style="font-size: 13px;color: white;letter-spacing: 1px;">购买</p></button>
            <span th:if="${showWhat} == 1" style="color: red;font-size: 3px;position: relative;left: 123px;top: -480px">（积分不足，请重新购买）</span>
        </form>
    </div>
    <div id="drjf" class="layui-anim layui-anim-fadein" th:if="${situation} == 4">
        <span style="font-weight: bolder;position: relative;left: 270px;top: 30px">待人缴费</span>
        <form id="form_drjf" action="check_amount" method="get">
            <div style="position: relative;top: 100px">
                <span style="font-weight: bolder;position: relative;left: 245px;top: 30px">请输入车牌号码</span>
                <input type="hidden" name="login_telephone" th:value="${login_telephone}">
                <input type="hidden" name="vip_state" th:value="${yxcUser.vip_state}">
                <input type="text" maxlength="11" class="form-control yuan" id="car_number"
                       name="car_number" placeholder="如：（浙A 5197B）" style="width: 200px;position: relative;left: 200px;top: 50px" required/>
                <button id="btn_drjf" style="position: relative;left: 225px"><p style="font-size: 13px;color: white;letter-spacing: 1px;">去缴费</p></button>
            </div>
        </form>
        <span th:if="${isShowDontNeedJf} == 1" style="color: red;font-size: 3px;position: relative;left: 240px;top: 105px;letter-spacing: 2px">（该车牌无需缴费）</span>
    </div>
    <div id="jfjl" class="layui-anim layui-anim-fadein" th:if="${situation} == 3">
        <span style="font-weight: bolder;position: relative;left: 270px;top: 30px">缴费记录</span>
        <div  th:each="amount,itemIndex: ${amountList}">
            <div class="one_jfjl">
                <span th:text="${amount.car_number}" style="font-weight: bolder;font-size: 7px;position: relative;bottom: 10px"></span>
                <span th:if="${amount.pay_amount} == 0" style="color: red;font-size: 10px;font-weight: bolder;position: relative;bottom: 10px;left: 180px">免费</span>
                <span th:if="${amount.pay_amount} != 0" style="position: relative;bottom: 10px;left: 70px"><span style="font-size: 5px">应缴：</span><span th:text="'￥'+${amount.pay_amount}" style="color: black;font-size: 10px;font-weight: bolder"></span><span style="font-size: 5px">&nbsp&nbsp实缴：</span><span th:text="'￥'+${amount.sjjf_pay}" style="color: red;font-size: 10px;font-weight: bolder"></span></span>
                <hr style="position: relative;top: -20px">
                <div id="jfjl_one_nr">
                    <span style="font-size: 5px">入场时间：</span><span th:text="${amount.start_time}" style="font-size: 3px"></span><br>
                    <span style="font-size: 5px">出场时间：</span><span th:text="${amount.end_time}" style="font-size: 3px"></span><br>
                    <span style="font-size: 5px">缴费时间：</span><span th:text="${amount.sjjf_time}" style="font-size: 3px"></span><br>
                    <span th:if="${amount.use_yhq} == 0" style="font-size: 3px">未使用优惠券 <br></span>
                    <span th:if="${amount.use_yhq} != 0" style="font-size: 5px">使用优惠券：<span th:text="${amount.what_yhq}+' × 1'" style="font-size: 3px"></span> <br></span>
                    <span style="font-size: 5px">缴费类型：</span><span th:if="${amount.owner_telephone} == ${amount.sjjf_telephone}" style="font-size: 3px">自费 <br></span>
                    <span th:if="${amount.owner_telephone} != ${amount.sjjf_telephone}" style="font-size: 3px">他人代缴（<span th:text="${amount.sjjf_telephone}"></span>）<br></span>
                    <a th:href="@{deleteByAmountId(login_telephone = ${login_telephone},amount_id = ${amount.amount_id})}"><button id="scjl"><p style="font-size: 3px">删除订单</p></button></a>
                </div>
            </div>
            <br>
        </div>
        <a th:if="${current_page} > 1" th:href="@{to_yxc_main(login_telephone = ${login_telephone},situation = 3,current_page = (${current_page} - 1),page_size = 3)}">
            <svg style="position: relative;left: 60px;top: -200px" t="1669639745524" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2642" width="32" height="32"><path d="M729.6 931.2l-416-425.6 416-416c9.6-9.6 9.6-25.6 0-35.2-9.6-9.6-25.6-9.6-35.2 0l-432 435.2c-9.6 9.6-9.6 25.6 0 35.2l432 441.6c9.6 9.6 25.6 9.6 35.2 0C739.2 956.8 739.2 940.8 729.6 931.2z" p-id="2643"></path></svg>
        </a>
        <a th:if="${isShowNext}" th:href="@{to_yxc_main(login_telephone = ${login_telephone},situation = 3,current_page = (${current_page} + 1),page_size = 3)}">
            <svg style="position: relative;left: 500px;top: -200px" t="1669639782192" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4999" width="32" height="32"><path d="M761.6 489.6l-432-435.2c-9.6-9.6-25.6-9.6-35.2 0-9.6 9.6-9.6 25.6 0 35.2l416 416-416 425.6c-9.6 9.6-9.6 25.6 0 35.2s25.6 9.6 35.2 0l432-441.6C771.2 515.2 771.2 499.2 761.6 489.6z" p-id="5000"></path></svg>
        </a>
    </div>
    <div id="sfgz" class="layui-anim layui-anim-fadein" th:if="${situation} == 2">
        <span style="font-weight: bolder;position: relative;left: 240px;top: 50px">印象城收费规则大全</span>
        <div class="align-self-center">
            <span id="sfgz_nr">
                1.普卡会员可注册<span style="color: #00B4F4;font-weight: bold">3个车牌</span>，金卡会员可注册<span style="color: #FF5000;font-weight: bold">5个车牌</span> <br>
                2.普卡会员与金卡会员皆可享1小时内免费停车 <br>
                超过1小时按： <span style="color: #00B4F4;font-weight: bold">普卡会员5元/1小时</span>，<span style="color: #FF5000;font-weight: bold">金卡会员3元/1小时</span> 收费  <br>
                3.可用优惠券（1小时，2小时，3小时）抵用停车小时数 <br>
                <span style="text-decoration: underline black;font-weight: bold">（抵用时间不能超过停车时间，且一次只能用一张优惠券）</span> <br>
                4.普卡会员当实际消费额度超过<span style="color: color: #FF5000">1000元</span>时将会自动升级成金卡会员 <br>
                5.积分获取规则：根据实际消费<span style="text-decoration: underline black;font-weight: bold">积分自动增长 （1:1）</span>  <br>
                6.优惠券可在<span style="text-decoration: underline black;font-weight: bold">积分商城</span>用积分兑换
            </span>
        </div>
    </div>
    <div id="cpgl" class="layui-anim layui-anim-fadein" th:if="${situation} == 1">
        <span style="font-weight: bolder;position: relative;left: 275px;top: 30px">车牌管理</span>
        <div th:each="car,itemIndex: ${carList}">
            <div class="everyCar">
                <div class="row" th:if="${car != null}">
                    <span th:text="${car.car_number}" style="font-weight: bold;position: relative;left: 30px"></span>
                    <a th:href="@{deleteOneCar(car_id = ${car.car_id},owner_telephone = ${login_telephone})}"><button class="jb"><p style="font-size: 3px">解绑</p></button></a>
                </div>
                <div class="row" th:if="${car == null}">
                    <a th:href="@{to_yxc_car_add(car_owner = ${yxcUser.user_name},owner_telephone = ${login_telephone})}"><button class="tjcl"><p style="font-size: 3px">+添加车辆</p></button></a>
                </div>
            </div>
            <br>
        </div>
    </div>
    <div id="clrc" class="layui-anim layui-anim-fadein" th:if="${situation} == 0">
        <span style="font-weight: bolder;position: relative;left: 275px;top: 30px">车辆入场</span>
        <div th:if="${showWhat} == 0">
            <span style="font-weight: bolder;position: relative;left: 270px;top: 150px" th:text="${car_rc.car_number}"></span>
            <a th:href="${is_disabled} ? '#':@{to_yxc_amount(car_id=${car_rc.car_id},car_number=${car_rc.car_number},owner_telephone=${car_rc.owner_telephone},current_page=${current_page},page_size=${page_size})}"><button th:if="${car_rc.is_init} == 0" th:disabled="${is_disabled}" class="rc"><p style="font-size: 13px;color: white;letter-spacing: 1px;">该车辆未入场</p></button></a>
            <span class="rcxx_xx" th:if="${is_disabled}" style="color: red;position: relative;right: 100px;top: 200px">（您有待缴费车牌，该车牌目前无法入场，请及时缴费！）</span>
        </div>
        <div th:if="${showWhat} == 1">
            <div id="rcxx">
                <span id="rcxx_total">待缴费通知单</span>
                <div class="row">
                    <span class="rcxx_label">车牌号码:</span>
                    <span th:text="${car_rc.car_number}" class="rcxx_xx"></span>
                </div>
                <div class="row">
                    <span class="rcxx_label">手机号码:</span>
                    <span th:text="${login_telephone}" class="rcxx_xx"></span>
                </div>
                <div class="row">
                    <span class="rcxx_label">入场时间:</span>
                    <span th:text="${yxcAmount.start_time}" class="rcxx_xx" style="color: red"></span>
                </div>
                <div class="row">
                    <span class="rcxx_label">收费规则:</span>
                    <span class="rcxx_xx">本平台按小时数收费，<span style="color:#007bff;">一小时内免费</span>，<br>超出一小时按<span style="color: #007bff;">普卡会员5元/小时</span>,<br><span style="color: #007bff">金卡会员3元/小时</span>收费</span>
                </div>
                <div class="row">
                    <span class="rcxx_xx" style="color: red;position: relative;right: 100px;top: 30px">（温馨提示：若不及时缴费，您名下的所有车牌都无法入场，请及时缴费!）</span>
                </div>
                <div class="row">
                    <a th:href="@{to_yxc_amount_jf(login_telephone=${login_telephone},car_id=${car_rc.car_id},amount_id=${yxcAmount.amount_id},vip_state=${yxcUser.vip_state})}"><button id="jf"><p style="font-size: 13px;color: white;letter-spacing: 1px;">前往缴费</p></button></a>
                </div>
            </div>
        </div>
        <div th:if="${showWhat} == 2">
            <span th:text="${ts}" style="letter-spacing: 2px;text-shadow: 0px 0px 2px red;position: relative;left: 170px;top: 150px"></span>
            <a th:href="@{to_yxc_car_add(car_owner = ${yxcUser.user_name},owner_telephone = ${login_telephone})}"><button class="tjcl0"><p style="font-size: 13px;color: white;letter-spacing: 1px;">+添加车辆</p></button></a>
        </div>
        <div id="zjt" class="row" th:if="${current_page} > 1">
            <a th:href="@{to_yxc_main(
                page_size=${page_size},
                current_page=(${current_page} - 1),
                login_telephone=${login_telephone},
                situation=0)}">
                <svg t="1669449423825" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5315" width="50" height="50"><path d="M735.208665 65.582671l-446.41733 446.417329 446.41733 446.417329z" p-id="5316"></path></svg>
            </a>
        </div>
        <div id="rjt" class="row" th:if="${current_page} < ${isShowNextNum}">
            <a th:href="@{to_yxc_main(
                page_size=${page_size},
                current_page=(${current_page} + 1),
                login_telephone=${login_telephone},
                situation=0)}">
                <svg t="1669449309525" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5160" width="50" height="50"><path d="M288.791335 65.582671l446.41733 446.417329-446.41733 446.417329z" p-id="5161"></path></svg>
            </a>
        </div>
    </div>
    <div id="sjx" style="width: 120px;position: relative;bottom: 430px" >
        <ul class="layui-timeline layui-anim layui-anim-up">
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">车辆入场</h3>
                    <p style="font-size: 5px">
                        接下来您就可以在本商城肆意玩耍啦~<i class="layui-icon"></i>
                    </p>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">缴费出场</h3>
                    <p style="font-size: 5px">
                        吃饱喝足的同时不要忘了缴费哦~
                        <br>（钱包又要饿肚子啦...<i class="layui-icon layui-icon-face-cry"></i>）
                    </p>

                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">积分商城</h3>
                    <p style="font-size: 5px">
                        消费的同时您的积分也在嗖嗖增长哦~<i class="layui-icon layui-icon-face-surprised"></i>
                    </p>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                <div class="layui-timeline-content layui-text">
                    <div class="layui-timeline-title">下次光临呦</div>
                </div>
            </li>
        </ul>
    </div>
    <div id="nav" >
        <ul class="layui-nav layui-nav-tree layui-anim layui-anim-upbit" lay-filter="test" style="width: 280px;border-radius: 15px;box-shadow: 1px 1px 1px #ccc">
            <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
            <li class="layui-nav-item layui-nav-itemed">
                <a href="javascript:;">车辆管理</a>
                <dl class="layui-nav-child">
                    <dd><a th:href="@{to_yxc_main(login_telephone = ${login_telephone},situation = 0,current_page=1,page_size=1)}">车辆入场<span th:if="${situation} == 0" class="layui-badge-dot"></span></a></dd>
                    <dd><a th:href="@{to_yxc_main(login_telephone = ${login_telephone},situation = 1)}">车牌管理<span th:if="${situation} == 1" class="layui-badge-dot"></span></a></dd>
                </dl>
            </li>
            <li class="layui-nav-item layui-nav-itemed">
                <a href="javascript:;">缴费管理</a>
                <dl class="layui-nav-child">
                    <dd><a th:href="@{to_yxc_main(login_telephone = ${login_telephone},situation = 4,isShowDontNeedJf = 0)}">待人缴费<span th:if="${situation} == 4" class="layui-badge-dot"></span></a></dd>
                    <dd><a th:href="@{to_yxc_main(login_telephone = ${login_telephone},situation = 3,current_page=1,page_size=3)}">缴费记录<span th:if="${situation} == 3" class="layui-badge-dot"></span></a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a th:href="@{to_yxc_main(login_telephone = ${login_telephone},situation = 5,showWhat = 0)}">积分商城<span th:if="${situation} == 5" class="layui-badge-dot"></span></a></li>
            <li class="layui-nav-item"><a th:href="@{to_yxc_main(login_telephone = ${login_telephone},situation = 2)}">用户需知<span th:if="${situation} == 2" class="layui-badge-dot"></span></a></li>
        </ul>
    </div>

</div>
</body>
</html>